<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<ion-view view-title="穿衣助手">
	
	<ion-content class='home'> 
		<!--  banner -->
		<ion-slide-box ng-if="banner" does-continue="true" on-slide-changed="slideHasChanged($index)" auto-play="true" slide-interval="2000" show-pager="true" pager-click="pageClick(index)" active-slide="model.activeIndex" delegate-handle="delegateHandler">
			<ion-slide ng-repeat="ban in banner">
				<div class="box">
					<img src="https://image1.ichuanyi.cn/{{ban.image}}?imageView2/1/w/640/h/325/q/60" />
				</div>
			</ion-slide>
		</ion-slide-box>
		<!--  热门-->
		<div ng-if="season" class="season bg_white">
			<span class="season_tit dib">当季必备</span>
			<a class="season_tag" ng-repeat="(ind,se) in season.tags" ng-if="ind<2" 
				ng-href="#/dress/{{se.name}}">
				{{se.name}}
			</a>
			<span class="more r">
				<a href="#" >更多》</a>
			</span>
		</div>
		<!-- suitTabs  -->
		<ul ng-if="suitTabs" class="suittabs bg_white">
			<li ng-repeat="(i,suit) in suitTabs">
				<a ng-if="i==0" ng-href="#/dressmanual/0">
					<img src="https://image1.ichuanyi.cn/{{suit.image}}" />
					<span>{{suit.name}}</span>
				</a>
				<a ng-if="i!=3&&i!=0">
					<img src="https://image1.ichuanyi.cn/{{suit.image}}" />
					<span>{{suit.name}}</span>
				</a>
				<a ng-if="i==3" ng-href="#/search/3">
					<img src="https://image1.ichuanyi.cn/{{suit.image}}" />
					<span>{{suit.name}}</span>
				</a>
			</li>
		</ul>
		<!-- 热卖榜单 -->
		<section class="host_wrap bg_white" ng-if="buyBlockList">
			<div class="host_li_l" ng-if="i==0" ng-repeat="(i,buyblock) in buyBlockList">
				<a href="#/buyblock/{{i}}">
					<img src="https://image1.ichuanyi.cn/{{buyblock.image.path}}" />
				</a>
			</div>
			<div class="host_li_r">
				<img ng-if="i>0" ng-repeat="(i,buyblock) in buyBlockList" src="https://image1.ichuanyi.cn/{{buyblock.image.path}}" />
			</div>
		</section>
		<div ng-if="modules">
			<!--时尚平频道 -->
			<section class="modules_wrap bg_white" ng-repeat="(i,module) in modules" ng-if="i==0">
				<h3><img ng-repeat="(j,img) in module[0].list" src="https://image1.ichuanyi.cn/{{img.image}}?imageMogr2/thumbnail/620x"/></h3>
				<div class="swiper-slide swiper-slide-active">

					<a ng-repeat="(j,img) in module[1].list"  href="#/fashion/{{img.link|myfilter}}">
						<img src="https://image1.ichuanyi.cn/{{img.image}}?imageMogr2/thumbnail/!252x346r/gravity/Center/crop/252x346" />
					</a>
				</div>
			</section>

			<!--流行元素 -->
			<section class="modules2 bg_white" ng-if="i==1" ng-repeat="(i,module) in modules">
				<h3><img ng-repeat="(j,img) in module[0].list" src="https://image1.ichuanyi.cn/{{img.image}}?imageMogr2/thumbnail/620x"/></h3>
				<ul class="modules2list">
					<li>
						<a href="#/pop/{{img.link|myfil}}" ng-repeat="(j,img) in module[1].list" >
							<img src="https://image1.ichuanyi.cn/{{img.image}}?imageMogr2/thumbnail/!207x232r/gravity/Center/crop/207x232" />
						</a>
						
					</li>
					<li>
						<a href="#/pop/{{img.link|myfil}}" ng-repeat="(j,img) in module[2].list">	
						<img height='img.height' src="https://image1.ichuanyi.cn/{{img.image}}?imageMogr2/thumbnail/!207x232r/gravity/Center/crop/207x232" />
						</a>
					</li>
				</ul>
			</section>
			<section class="modules3 bg_white" ng-if="i==2" ng-repeat="(i,module) in modules">
				<h3><img ng-repeat="(j,img) in module[0].list" src="https://image1.ichuanyi.cn/{{img.image}}?imageMogr2/thumbnail/620x"/></h3>
				<div class="swiper-slide modules3list">
					<a ng-repeat="(j,img) in module[1].list" href="#/live/{{img.link|myfilter}}">
					<img  src="https://image1.ichuanyi.cn/{{img.image}}?imageMogr2/thumbnail/!244x476r/gravity/Center/crop/244x476" />
						
					</a>
				</div>
			</section>
		</div>
		<!--瀑布流容器--->

		<ul class="choicelist">
			<li ng-repeat="lis in choicelist">		
				<a href="#/suitDetail/{{lis.userId}}/{{lis.suitId}}" style="display: block;">
				<img class="mogr" src="{{lis.image}}?imageMogr/v2/auto-orient/thumbnail/!290x/quality/80/" />
				<div class="clear">
					<img class="avatar" src="https://image1.ichuanyi.cn/{{lis.avatar}}?imageMogr/v2/auto-orient/thumbnail/!50x/quality/80/" />
					<span>{{lis.username}}</span>
					<p class="r">
						<i class="icon ion-android-favorite-outline choiceih"></i>
						<span>{{lis.collectCount}}</span>
					</p>
				</div>
				</a>
			</li>
		</ul>
		<!-- 加载更多 -->
		<ion-infinite-scroll on-infinite="loadMore()" distance="1%">
		</ion-infinite-scroll>
   
	</ion-content>
</ion-view>